<!DOCTYPE html>
<html>
<head>
  <title>LTW - Projecto 2</title>
  <meta http-equiv="content-type" content="text/html; charset=us-ascii" />
  <link href="style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src=
  "http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>
  <script type="text/javascript" src=
  "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
  <script type="text/javascript" src="jquery.xml.js">
</script>
  <script type="text/javascript" src="script.js">
</script>
</head>

<body>
  <div id="container">
    <div id="header">
      <h1><a id="header_title">LTW - Projecto 2</a></h1>
    </div>

    <div id="linha"></div>

    <div id="container2">
      <div id="content_container">
        <div id="home_content">
          <h2>Welcome</h2>Delicious (<a href=
          "http://www.delicious.com/">www.delicious.com</a>) is a very useful social web
          tool that allows you to store bookmarks online making them accessible
          regardless of which computer or browser you are using. Besides serving as
          central repository for bookmarks, the social nature of Deli- cious makes it an
          excelent search tool. Some of the feaures provided are:<br />

          <ul>
            <li>Associate tags to links.</li>

            <li>List links with certain tags from all users - This enables searching by
            tag. A very powerfull searching mechanism.</li>

            <li>List links with certain tags from one particular user - You can follow
            the bookmarks in a particular subject from someone you consider an specialist
            in the area.</li>

            <li>List popular and recently added links - What's going on right now.</li>
          </ul>
		  <p></p>

          <h2>For testing purposes...</h2>Please use the following account:<br /><br />
		  <strong>&nbsp;&nbsp;&nbsp;Username</strong>: Demo<br />
		  <strong>&nbsp;&nbsp;&nbsp;Password</strong>: demo<br />
          <br />
		  For more information please consult our <a href="./readme/readme.html">readme</a> file.<br />
        </div>

        <div id="popular_content">
          <h2>Popular Links</h2>

          <form id="popular_form"   method="post" name="popular_form">
            Show how many links ? <input id="popular_n" type="text" name="numero" value=
            "5" /><br />
            <input type="submit" class="button" value="Submit" />
          </form><br />

          <div id="popular_return"></div><br />
        </div>

        <div id="recent_content">
          <h2>Recent Links</h2>

          <form id="recent_form"   method="post" name="recent_form">
            Show how many links ? <input id="recent_n" type="text" name="numero" value=
            "5" /><br />
            <input type="submit" class="button" value="Submit" />
          </form><br />

          <div id="recent_return"></div><br />
        </div>

        <div id="all_tags_content">
          <h2>All Tags</h2>

          <div id="all_tags_return"></div><br />
        </div>

        <div id="all_links_content">
          <h2>All Links</h2><br />

          <div id="all_links_return"></div><br />
        </div>

        <div id="add_links_content">
          <h2>Add Links</h2><br />

          <form id="add_links_form"   method="post" name="add_links_form">
            URL: <input id="add_links_url" type="text" name="url" placeholder=
            "the link itself" /><br />
            Title(optional): <input id="add_links_title" type="text" name="title" placeholder=
            "a suitable title" /><br />
            Description(optional): <input id="add_links_desc" type="text" name=
            "description" placeholder="a description" /><br />
            Tag(s) (comma separated) <input id="add_links_tag_list" type="text" name=
            "tag_list" placeholder="tag it" /><br />
            Make this link private? <input id="add_links_shared" type="checkbox" name=
            "shared" value="shared" /> <input type="submit" class="button" value=
            "Submit" /><label id="add_links_return"></label>
          </form><br />

          
        </div>

        <div id="delete_links_content">
          <h2>Delete Links</h2>

          <form id="delete_links_form"   method="post" name="delete_links_form">
            URL: <input id="delete_links_url" type="text" name="link" /><br />
            <input type="submit" class="button" value="Submit" /><label id="delete_links_return"></label>
          </form> <br />

         
        </div>
		<div id="list_own_links_content">
		<h2>Your links</h2><br />
		<div id="list_own_links_return"></div><br />
		</div>
	

        <div id="search_by_user_content">
          <h2>Search by User</h2>

          <form id="search_by_user_form"   method="post" name=
          "search_by_user_form">
            Search user links: <input id="search_user" type="text" name="user" /><br />
            <input type="submit" class="button" value="Submit" /> <label id=
            "search_no_user"></label>
          </form><br />

          <div id="search_by_user_return"></div><br />
        </div>

        <div id="search_by_url_content">
          <h2>Search Link</h2>

          <form id="search_by_url_form"   method="post" name=
          "search_by_url_form">
            Search: <input id="search_link" type="text" name="link" /><br />
            <input type="submit" class="button" value="Submit" /> <label id=
            "search_no_url"></label>
          </form><br />

          <div id="search_by_url_return"></div><br />
        </div>

        <div id="search_by_tag_content">
          <h2>Search by Tags</h2>

          <form id="search_by_tag_form"   method="post" name=
          "search_by_tag_form">
            Tag(s) (comma separated): <input id="tag_list" type="text" name=
            "tag_list" /><br />
            Filter by user: <input id="user_tags" type="text" name="user" /><br />
            <input type="submit" class="button" value="Submit" /> <label id=
            "search_no_tag"></label>
          </form><br />

          <div id="search_by_tag_return"></div><br />
        </div>

        <div id="about_us">
          <h2>About us</h2>
		  <h3>Group 10 </h3>
		  Clara Raquel da Costa e Silva Sacramento <b>(090509090)</b><br />
		  Tiago Miguel Martins Vieira <b>(100509048)</b><br/><p></p>
		  <h3>List of implemented functionalities</h3>
		  <ul>
		  <li>Login</li>
		  <li>Logout</li>
		  <li>Register User</li>
		  <li>Add Link</li>
		  <li>Delete Link</li>
		  <li>List All Links</li>
		  <li>Popular Links</li>
		  <li>Recent Links</li>
		  <li>List all Tags</li>
		  <li>Search By URL</li>
		  <li>Search By User</li>
		  <li>Search By Tags</li>
		  </ul>  
        </div>
		
		<div id="delete_tags_content">
		 <h2>Delete tags from Link</h2>

          <form id="delete_tags_form"   method="post" name= "search_by_tag_form">
            From link: <input id="delete_tags_link" type="text" name="link" /><br />
			Tag(s) (comma separated): <input id="delete_tags_list" type="text" name="tag_list" /><br />
			<input type="submit" class="button" value="Submit" />
			<label id="delete_no_tag"></label>
          </form><br />
		  </div>
		
      </div>

      <div id="forms_and_sidebar">
        <div id="login_register_logout">
          Hello <label id="username">Guest</label><br />

          <h2><label id="login_register_label"><a id="login_button" name=
          "login_button">Login</a> | <a id="register_button" name=
          "register_button">Register</a></label> <label id="logout_label"><a id=
          "logout_button" name="logout_button">Logout</a></label></h2>

          <div id="form">
            <form id="login_form"   method="post" name="login_form">
              <label id="error_login">&nbsp;</label> Username: <input id="login_u" type=
              "text" name="username" /><br />
              Password: <input id="login_p" type="password" name="pass" /><br />
              <input class="button" type="submit" value="Login" />
            </form>

            <form id="register_form"   method="post" name="register_form">
              <label id="error_register">&nbsp;</label> Username: <input id="reg_u" type=
              "text" name="username" /><br />
              Password: <input id="reg_p" type="password" name="pass" /><br />
              <input class="button" type="submit" value="Register" />
            </form>
          </div>
        </div>

        <div id="sidebar">
          <div id="user_only_options">
            <h2>User Menu</h2>

            <p><a id="add_links_sidebar"   name="add_links_sidebar">Add
            links</a></p>

            <p><a id="delete_links_sidebar"   name="delete_links_sidebar">Delete
            links</a></p>
            <p><a id="delete_tags_sidebar"  >Delete tags from Link</a></p>

            <p><a id="list_own_links_sidebar"   name="list_own_links_sidebar">Your links</a></p>
          </div>

          <div id="general_options">
            <h2>Main Menu</h2>

            <p><a id="home_sidebar"   name="home_sidebar">Home</a></p>

            <!--p><a id="all_links_sidebar"   name="all_links_sidebar">All
            links</a></p-->

            <!--p><a id="all_tags_sidebar"   name="all_tags_sidebar">All tags</a></p-->

            <p><a id="popular_sidebar"   name="popular_sidebar">Popular
            links</a></p>

            <p><a id="recent_sidebar"   name="recent_sidebar">Recent links</a></p>

            <p><a id="search_by_url_sidebar"   name="search_by_url_sidebar">Search
            Links by URL</a></p>

            <p><a id="search_by_user_sidebar"   name=
            "search_by_user_sidebar">Search Links by User</a></p>

            <p><a id="search_by_tag_sidebar"   name="search_by_tag_sidebar">Search
            Links by Tags</a></p>

            <p><a id="about_us_sidebar"   name="about_us_sidebar">About Us</a></p>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
